<template>
    <div class="box">
        <!-- 第三行数据 -->
        <div class="left">
            <Left />
        </div>
        <div class="center">
            <Center />
        </div>
        <div class="right">
            <Right />
            <div id="chart" style="width: 100%; height: 200px;"></div>
        </div>
    </div>
</template>

<script setup>
import Left from '@/components/Supervision/Left.vue'
import Center from '@/components/Supervision/Center.vue'
import Right from '@/components/Supervision/Right.vue'
</script>

<style lang="scss" scoped>
.box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.left {
    width: 33%;
}

.center {
    width: 34%;

}

.right {
    width: 33%;
}
</style>